<html>
	<title>Flight Details</title>
	<link rel="stylesheet" href="./assets/css/style.css">
	<body class="result">
		<div class="container">
			<div class="logo-light">
			</div>
			<div class="content">

				<div class="pnr">
					<div class="new">
						<h3>Thank you for flight with us. </h3>
						Here is your PNR number. Please present this number at the airport.
					</div>
					<div class="pnr-num">A32N2D</div>
					<div class="caption">PNR Number</div>
				</div>
				<div class="pax-wrap">
					<h1>Pessenger information <span>01</span></h1>
					<div class="pax-detail">
						<table>
							<tr>
								<td>
									<div>
										Caleido
									</div>
									<div class="caption">First Name</div>
								</td>
								<td>
									<div>
										Du
									</div>
									<div class="caption">Last Name</div>
								</td>
								<td>
									<div>
										<input type="text" id="dob" class="small">
									</div>
									<div class="caption">DOB</div>
								</td>
							</tr>
							<tr>
								<td>
									<div>
										<input type="text" class="small">
									</div>
									<div class="caption">Gender</div>
								</td>
								<td>
									<div>
										<input type="text" class="small">
									</div>
									<div class="caption">Passport</div>
								</td>
								<td>
									<div>
										<input type="text" class="small">
									</div>
									<div class="caption">Nationality</div>
								</td>
							</tr>
							<tr>
								<td colspan="3">
									<div>
										<input type="text" class="large">
									</div>
									<div class="caption">Resident address</div>
								</td>
							</tr>
							<tr>
								<td>
									<div>
										<input type="text" class="small">
									</div>
									<div class="caption">City</div>
								</td>
								<td>
									<div>
										<input type="text" class="small">
									</div>
									<div class="caption">State</div>
								</td>
								<td>
									<div>
										<input type="text" class="small">
									</div>
									<div class="caption">Country</div>
								</td>
							</tr>
							<tr>
								<td colspan="2">
									<div>
										<input type="text" class="medium">
									</div>
									<div class="caption">Email</div>
								</td>
								<td>
									<div>
										<input type="text" class="small">
									</div>
									<div class="caption">Mobile</div>
								</td>
							</tr>
						</table>
					</div>
				</div>
			</div>
		</div>
		<div class="bar">
			<h1>Summary</h1>
			<table>
				<tr>
					<td rowspan="2"> 
						<span class="month">Jan</span><br>
						<span class="date">23</span><br>
						<span>@12:30</span>
					</td>
					<td>
						<div class="airport">
							<span class="airport-name">Changi, Singapore</span>
						</div>
						<div class="caption">Origin</div>
					</td>
				</tr>
				<tr>
					<td>
						<div class="airport">
							<span class="airport-name">Heathrow, London</span>
						</div>
						<div class="caption">Destination</div>
					</td>
				</tr>
			</table>
			<h5>Fare Details for Guests</h5>
			<table class="fares">
				<tr>
					<td>2 Guest(s)</td>
					<td>@ $158.00</td>
					<td class="right">$431</td>
				</tr>
				<tr>
					<td>2 Child(ren)</td>
					<td>@ $158.00</td>
					<td class="right">$431</td>
				</tr>
				<tr>
					<td>2 Infant(s)</td>
					<td>@ $158.00</td>
					<td class="right">$431</td>
				</tr>
				<tr class="sub-total">
					<td>Subtotal</td>
					<td></td>
					<td class="right"><b>$4,431</b></td>
				</tr>
			</table>
			<br>
			<table>
				<tr>
					<td rowspan="2"> 
						<span class="month">Jan</span><br>
						<span class="date">23</span><br>
						<span>@12:30</span>
					</td>
					<td>
						<div class="airport">
							<span class="airport-name">Changi, Singapore</span>
						</div>
						<div class="caption">Origin</div>
					</td>
				</tr>
				<tr>
					<td>
						<div class="airport">
							<span class="airport-name">Heathrow, London</span>
						</div>
						<div class="caption">Destination</div>
					</td>
				</tr>
			</table>
			<h5>Fare Details for Guests</h5>
			<table class="fares">
				<tr>
					<td>2 Guest(s)</td>
					<td>@ $158.00</td>
					<td class="right">$431</td>
				</tr>
				<tr>
					<td>2 Child(ren)</td>
					<td>@ $158.00</td>
					<td class="right">$431</td>
				</tr>
				<tr>
					<td>2 Infant(s)</td>
					<td>@ $158.00</td>
					<td class="right">$431</td>
				</tr>
				<tr class="sub-total">
					<td>Subtotal</td>
					<td></td>
					<td class="right"><b>$4,431</b></td>
				</tr>
			</table>
			<div class="total">$9,942</div>
		</div>
	</body>
	<script type="text/javascript" src="./assets/js/jquery-1.8.2.min.js"></script>
	<script type="text/javascript" src="./assets/js/jquery-ui-1.9.0.custom.js"></script>
	<script type="text/javascript">
	$(document).ready(function() {
		$( ".pax-wrap" ).accordion();
		$( "#dob" ).datepicker({dateFormat: "mm/dd/yy"});
	})
	</script>
</html>